<template>
    <div class="home">
		<div class="homeHeader clearfix">
			<!--头部导航-->
			<div class="logoImgBox">
				<img class="logoImg" src="../../static/images/common/EastXin1.png"/>
			</div>
			<ul class="navbar">
				<li>
					<router-link to="/home/index" tag="p" class="lisTex" active-class="navBarLisOn">
						<img src="../../static/images/common/home.png" alt="" class="lisIcon" />
						我的项目
					</router-link>
				</li>
				<li>
					<router-link to="/home/workpage" tag="p" class="lisTex" active-class="navBarLisOn">
						<img src="../../static/images/common/code.png" alt="" class="lisIcon" />
						闲聊技术
					</router-link>
				</li>
				<li>
					<router-link to="/home/docpage" tag="p" class="lisTex" active-class="navBarLisOn">
						<img src="../../static/images/common/book.png" alt="" class="lisIcon" />
						日常小记
					</router-link>
				</li>
			</ul>
			<!-- 登录用户头像显示/注销登录 -->
			<div class="userBox clearfix" v-on:click="showLogoutFn">
				<div class="userImg fl"><img src="../../static/images/common/userImg.jpg" alt=""></div>
				<a class="userName fl">{{userName}}</a>
				<div class="ivueDropBox" v-if="showLogoutBox">
					<a href="javascript:;" v-on:click="backLoginFn">注销登录</a>
				</div>
			</div>
		</div>
		<!--列表导航-->
		<div class="shownavtext clearfix">
			<span class="homet">首页</span><span class="contt">　/　{{nav[$route.path]}}</span>
		</div>
		<!--渲染导航对应内容区域-->
		<div class="pageConts">
			<router-view></router-view>
			<!-- 引入底部说明 -->
			<footerInfos></footerInfos>
		</div>
		<div class="cornerFn">
			<!-- 右下角的功能区 -->
			<cornerMenu v-on:listenChangeData="showDataFromChild"></cornerMenu>
			<!-- 在父组件中的子标签中监听该自定义事件并添加一个响应该事件的处理方法 -->
		</div>
		<div class="feedBackBox" v-if="feedBackShow">
			<!-- 意见反馈弹窗模块 -->
			<feedBack v-on:listenChangeStr="hideDataFromChild"></feedBack>
		</div>
    </div>
</template>
<script src="../../static/js/home.js"></script>
<style src="../../static/css/home.css"></style>